
    .app-conter{
        padding: 11px 30px 0 30px;
        p{
            color: #9ba2ab;
            span {
                color: #5286ff;
            }
        }
        .app-conter-div{
            height: 38px;
            background-color: #eff1f6;
            line-height: 38px;
            margin-top: 16px;
            padding-left: 11px; 
            span {
                margin: 0 30px;
                color: #9ba2ab;
            }
            .app-conter-div-lastspan{
                color: #5286ff;
            }
        }
        .app-conter-box{
            .app-conter-top{
                margin-bottom: 20px;
                ul{
                    display: flex;
                    justify-content: flex-end ;
                    .active{
                        color: #fff;
                        background-color: #5286ff;
                    }
                    li{
                        color: #5286ff;
                        border: 1px solid #5286ff;
                        font-size: 14px;
                        margin: 20px 20px 0 0;
                        padding:  6px;
                        cursor:pointer;
                    }
                    &>li:last-child {
                        margin-right: 0;
                    }     
                    .active_app{
                        color: #fff !important;
                        background-color: #5286ff;
                    }
                }
            }
            .ant-table table {
               text-align: center;
            }
            .ant-table-thead > tr > th{
                text-align: center;
            }
            .ant-table-footer{
                color: #9ba2ab;
            }
           .delete{
            color: #ea1515;
           } 
            .judgments{
                color: #36c81e;
            }

        }
    }
